<template>
    <div>
        <van-nav-bar title="订单列表" left-arrow @click-left="($router.go('-1'))" />
        <van-tabs v-model:active="active">
            <van-tab title="全部">
                <van-card num="1" price="3300.92" desc="黑色" title="创维首发智能产品ID高清可操控"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
                    <template #tags>
                        <van-tag plain type="primary">20250902</van-tag>
                        <van-tag plain type="primary">09:49</van-tag>
                    </template>
                    <template #footer>
                        <van-button size="mini">待支付</van-button>
                       
                    </template>
                </van-card>
                 <van-card num="1" price="3300.92" desc="黑色" title="创维首发智能产品ID高清可操控"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
                    <template #tags>
                        <van-tag plain type="primary">20250902</van-tag>
                        <van-tag plain type="primary">09:49</van-tag>
                    </template>
                    <template #footer>
                        <van-button size="mini">待支付</van-button>
                       
                    </template>
                </van-card>
                 <van-card num="1" price="3300.92" desc="黑色" title="创维首发智能产品ID高清可操控"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
                    <template #tags>
                        <van-tag plain type="primary">20250902</van-tag>
                        <van-tag plain type="primary">09:49</van-tag>
                    </template>
                    <template #footer>
                        <van-button size="mini">待支付</van-button>
                       
                    </template>
                </van-card>
                 <van-card num="1" price="3300.92" desc="黑色" title="创维首发智能产品ID高清可操控"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
                    <template #tags>
                        <van-tag plain type="primary">20250902</van-tag>
                        <van-tag plain type="primary">09:49</van-tag>
                    </template>
                    <template #footer>
                        <van-button size="mini">已支付</van-button>
                       
                    </template>
                </van-card>
            </van-tab>
            <van-tab title="待支付">
                <van-card num="1" price="3300.92" desc="黑色" title="创维首发智能产品ID高清可操控"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
                    <template #tags>
                        <van-tag plain type="primary">20250902</van-tag>
                        <van-tag plain type="primary">09:49</van-tag>
                    </template>
                    <template #footer>
                        <van-button size="mini">待支付</van-button>
                       
                    </template>
                </van-card>
                 
            </van-tab>
            <van-tab title="已支付">
                 <van-card num="1" price="3300.92" desc="黑色" title="创维首发智能产品ID高清可操控"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg">
                    <template #tags>
                        <van-tag plain type="primary">20250902</van-tag>
                        <van-tag plain type="primary">09:49</van-tag>
                    </template>
                    <template #footer>
                        <van-button size="mini">已支付</van-button>
                       
                    </template>
                </van-card>
            </van-tab>

        </van-tabs>


    </div>
</template>

<script setup>


</script>

<style lang="scss" scoped></style>